<%--
  Created by IntelliJ IDEA.
  User: Twinkle
  Date: 2020/11/23
  Time: 20:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/popper.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row justify-content-lg-center">
        <div style="margin-top: 50px"></div>
    </div>
    <div class="row justify-content-lg-center">
        <div class="col-lg-6 shadow p-3 mb-5 rounded">
            <br>
            <ul class="nav nav-tabs nav-justified" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#sign_i">登录</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#sign_u">注册</a>
                </li>
            </ul>
            <div class="tab-content">
                <div id="sign_i" class="container tab-pane active"><br>
                    <form role="form" action="${pageContext.request.contextPath}/sign_in" method="post">
                        <div class="form-group">
                            <label for="lo-username">账号</label>
                            <input type="text" class="form-control" id="lo-username" placeholder="username"
                                   name="lo-username">
                        </div>
                        <div class="form-group">
                            <label for="lo-password">密码</label>
                            <input type="password" class="form-control" id="lo-password" placeholder="password"
                                   name="lo-password">
                        </div>
                        <br>
                        <button type="submit" class="btn btn-success btn-block btn-lg">登录</button>
                        <br>
                    </form>
                </div>
                <div id="sign_u" class="container tab-pane fade"><br>
                    <form role="form" action="${pageContext.request.contextPath}/sign_up" method="post">
                        <div class="form-group">
                            <label for="re-username">账号</label>
                            <input type="text" class="form-control" id="re-username" placeholder="username"
                                   name="re-username">
                        </div>
                        <div class="form-group">
                            <label for="re-password">密码</label>
                            <input type="password" class="form-control" id="re-password" placeholder="password"
                                   name="re-password">
                        </div>
                        <br>
                        <button type="submit" class="btn btn-primary btn-block btn-lg">注册</button>
                        <br>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>